<template>
  <Teleport to="body">
      <div class="dialog">
          弹框
      </div>
  </Teleport>
</template>
<script>
export default {
  data () {
    return {

    }
  },
  methods: {

  }
}
</script>
<style scoped >
.dialog{
    width:200px;
    height:200px;
    background: #ccc;
    position:fixed;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
}
</style>
